
body {
   background: white;
   color: black;
   font-family: sans-serif;
 }


a:link {
    text-decoration: none;
    color: black;
}

a:visited {
    text-decoration: none;
    color: black;
}

a:hover {
    text-decoration: none;
    color: yellow;
}

h1 {
    font-size: 30pt;
    background-color: #80b0d0;
    background-image: -webkit-gradient(linear,left top,left bottom,
                         color-stop(0, #a0d0f0),color-stop(1, #80b0d0));
    background-image: -moz-linear-gradient(top, #a0d0f0 0%, #80b0d0 20%);

    padding: 0.2em 0.2em 0.2em 0.2em;
    margin: 0.2em 0em 0.2em 0em;

    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

.big {
    font-size: 22pt;
}

.medium {
    font-size: 18pt;
}

.bigbutton {
    text-align: left;
    font-size: 22pt;

    background-color: #80b0d0;
    background-image: -webkit-gradient(linear,left top,left bottom,
                         color-stop(0, #a0d0f0),color-stop(1, #80b0d0));
    background-image: -moz-linear-gradient(top, #a0d0f0 0%, #80b0d0 20%);

    padding: 0.1em 0.4em 0.1em 0.4em;
    margin: 0em 0em 0.1em 0.1em;

    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}

div.info {
    padding: 0.1em 0.4em 0.1em 0.4em;
    margin: 0.2em 0em 0.2em 0em;

    border-style: solid;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}

span.status {
    text-align: center;
    font-size: 24pt;
    font-weight: bold;

    color:  #800000;


    line-height: 1.5em;
    padding: 0.1em 0.2em 0.1em 0.2em;
    margin: 0em 0em 0.0em 0em;

    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
}


.midbutton {
    text-align: center;
    font-size: 24pt;
    font-weight: bold;

    background-color: #80b0d0;
    background-image: -webkit-gradient(linear,left top,left bottom,
                         color-stop(0, #a0d0f0),color-stop(1, #80b0d0));
    background-image: -moz-linear-gradient(top, #a0d0f0 0%, #80b0d0 20%);



    line-height: 1.5em;
    padding: 0.1em 0.2em 0.1em 0.2em;
    margin: 0em 0em 0.0em 0em;

    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
}

.smallbutton {
    text-align: center;
    font-size: 20pt;
    /* background: gray; */
    background:  #80b0d0;
    font-weight: bold;

    line-height: 1.5em;
    padding: 0.1em 0.2em 0.1em 0.2em;
    margin: 0em 0em 0.0em 0em;

    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

span.back {
    font-size: 20pt;
}

/* Used for the top level plugin tool belt */
span.toolbelt {
    /* background: gray; */
    background:  #dbebf3;
    color: black;
    font-size: 20pt;
    /* font-weight: bold; */

    line-height: 1.5em;
    padding: 0.1em 0.2em 0.1em 0.2em;
    margin: 0em 0em 0.1em 0.1em;

    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}


div.error {
    background:  red;
    color: yellow;
    font-size: 30pt;
    /* font-weight: bold; */

}

span.footer {
    /* background: gray; */
    background:  #dbebf3;
    color: black;
    font-size: 20pt;
    /* font-weight: bold; */

    line-height: 1.5em;
    padding: 0.1em 0.2em 0.1em 0.2em;
    margin: 0em 0em 0.1em 0.1em;

    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

span.footer_inv {
    /* background: gray; */
    background:  black;
    color: #dbebf3;
    font-size: 20pt;
    /* font-weight: bold; */

    line-height: 1.5em;
    padding: 0.1em 0.2em 0.1em 0.2em;
    margin: 0em 0em 0.1em 0.1em;

    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

span.about {
    font-size: 20pt;
    float : right;
}


pre {
  margin: 0em 0em 0em 0em;
}


td {
  padding: 0em 0em 0em 0em;
  margin: 0em 0em 0em 0em;
}

tr {
  padding: 0em 0em 0em 0em;
  margin: 0em 0em 0em 0em;
}


.twocol {
   float: left;
   width: 100%;
   padding: 0em 0em 0em 0em;
   margin: 0em 0em 0em 0em;

}


.multicol {
-moz-column-count: 3;
-webkit-column-count: 3;
-moz-column-gap: .3em;
-webkit-column-gap: .3em;
}

.multicolitem {
     width: 100%;
}


br.clear {
    clear: left;
}

.slider {
    margin: 10px;
}


hr.sep {
    background: #70a0c0;
    height: 3pt;
}
